<html>
<head>
<style>
@page {
  size: 100px 200px;
  margin: 0;
}
body {
  margin: 0;
}
a {
  display: block;
  height: 10px;
  background-color: green;
}
</style>
</head>
<body>
   <a href="#secondpage"></a>

   <div style="width: 100%; height: 20px; background-color: transparent; page-break-after: always;"></div>

   <div id="secondpage" style="background-color: red; height: 10px;"></div>
</body>
</html>
